<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <script src="../node_modules/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="../css/index2.css">
    <link rel="stylesheet" href="../css/item.css">
    <link rel="stylesheet" href="../css/mycar.css">
    <style>
        img {
            width: 80px;
            height: 80px;
        }
    </style>
</head>

<body>
    <div class="banner">
        <div class="logo"></div>
        <div class="user"></div>
        <div class="cart">
            <span style="display: inline-block;"></span>
            <span>购物车</span>
            <span id="goodsnum"></span>
        </div>
    </div> <!-- 导航栏开始 -->
    <div class="nav">
        <ul>
            <li style=" color: orange ;font-weight:600;" id="shouye">商品列表</li>
            <li>雕塑手办
                <ul class="hidden1">
                    <li>大型雕塑</li>
                    <li>中型雕塑</li>
                    <li>小型雕塑</li>
                </ul>
            </li>

            <li>服饰毛绒
                <ul class="hidden2">
                    <li>毛绒玩具</li>
                    <li>T恤</li>
                    <li>其他</li>
                </ul>
            </li>
            <li>生活周边
                <ul class="hidden3">
                    <li>生活用品</li>
                    <li>海报艺术</li>
                    <li>3C配件</li>
                </ul>
            </li>
            <li>品牌联名</li>
            <li>促销专区</li>
            <li>手办收藏</li>
        </ul>
    </div>
    <div class="placeholder"></div>
    <div class="clistwrap">
        <div class="leftcart">
            <ul id="checkAll">
                <li>
                    <form action="">
                        <input type="checkbox" id="quanxuan">
                        <label for="quanxuan">全选</label> 
                    </form>
                </li>
                <li style="width: 300px;">商品</li>
                <li style="width:100px ;">单价（元）</li>
                <li style="width: 150px;">数量</li>
                <li style="width: 100px;">小计</li>
                <li style="width: 100px;">操作</li>
            </ul>
            <ul id="clist">
            </ul>
        </div>
    </div>
    <div class="rightcart">
    <h3>
        <span></span>
        <span>我的购物车</span>
    </和>
    </div>


</body>
<script src="../js/mycar.js"></script>

</html>